<?php include '../header.php'; ?>
        <title>Kinet | Mis opiniones</title>
        <style>
            
            /*Pa maquear las fotos*/
            img.thumb {
                border:solid 1px silver;
/*                -webkit-border-radius: 3px 5px 1px 4px;  recuerda la primera frase 
                -moz-border-radius: 4px;  si quieres todas las esquinas iguales */
                /*border-radius: 10px;*/
                padding:2px;
                /*box-shadow: 1px 1px 2px #999;*/
            }
            .tarjeta {
                padding:10px;
                /*background-color: whitesmoke;*/
                width:100%;
                cursor:default;
                height:100px;
                margin:0 auto;
                margin-bottom:10px;
                margin-top:10px;
/*                border-color:gray;
                border-style:solid;
                border-width:1px;*/
                overflow: hidden;
                text-align:center;
                /*box-shadow:1px 1px 10px black;*/
            }
            div.comentario {
                float:left;
                margin-bottom:5px;
                margin-top:5px;
                width:100%;
                margin:auto 0;
                padding:10px;
                overflow: hidden;
            }
            
          
        </style>
    </head>
    <body>
        <?php include '../menus/menuUsuario.php'; ?>
        <div id="principal">
            
            <?php 
                include 'pestanasMiPerfil.php'; 
//                include '../logic/funcionesChachis.php';
                $datos = datosUsuario($_SESSION['uid']);
            ?>
        
            <!-- div para el panel de control de las opiniones -->
            <!--<div class="row-fluid">-->
            <!-- Mostramos el total de las puntuaciones -->
            <!--<div style="margin-left:30px;width:100%;background-color:blue;">-->
        
            <div style="float:left;padding:0 10px 0 10px;margin:20px 10px 0 10px;width:220px;">
                <?php include 'panelOpiniones.php'; ?>
                <div class="tarjeta">
                    <div style="float:left;text-align:center;width:100%;padding:5px;">
                        <b><?php echo "Tienes ".$datos['cantidadValoraciones']." opiniones" ?></b>
                    </div>
                    <?php if ($datos['cantidadValoraciones'] > 0) {?>
                        <div style="float:left;text-align:center;width:100%;padding:2px">
                            Tu valoración media es de: <img src="../img/<?php echo $datos['valoracionMedia'] ?>estrellas.png">
                        </div>
                    <?php } ?>
                    <div style="clear: both"></div>
                </div>
            </div>  
            <div style="float:left;width:calc(100% - 270px);margin:10px 0 0px 10px;">
                
                
                <?php
                    $valoraciones = obtenerValoraciones($_SESSION['uid']);
                   if(!isset($_GET['pagina'])) {
                        $_GET['pagina'] = 1;
                    }
                    $resPorPagina=10;
                    $resultados = paginar(count($valoraciones), $resPorPagina, $_GET['pagina']); //número total de resultados, resultados por página, número de página

                    $i = $resultados['i'];
                    while ($i < $resultados['max']) { 
                ?>
                <div class="comentario" style="width:100%;">
                    <div style="float:left;">
                        <img onClick="javascript:document.perfil<?php echo $i ?>.submit();" style="cursor:pointer;width:70px;" class="thumb" src="../<?php echo $valoraciones[$i]['foto'] ?>">
                    </div>
                    <div class="bocadillo_izquierda" style="float:left;margin-left:10px;width:calc(100% - 80px);">
                        <div style="color: silver;float:right;font-size:12px;"><?php echo formatoFecha($valoraciones[$i]['fecha'])." a las ".formatoHora($valoraciones[$i]['fecha']); ?></div>
                        <!--<div style="float:right;"><img src="../img/<?php // echo $valoraciones[$i]['valoracion'] ?>estrellas.png"></div>-->
                        <div style="float:left;font-weight:bold">
                            <div style="float:left;background-color:<?php colorValoracion( $valoraciones[$i]['valoracion']) ?>;border:black solid 1px;color:black;padding-left:5px;padding-right:5px;box-shadow:1px 1px 5px black;margin-right:5px;" class="float:left">
                                <?php echo $valoraciones[$i]['valoracion'] ?>
                            </div>
                            &nbsp;de 
                            <a href="#" style="color:white" onClick="javascript:document.perfil<?php echo $i ?>.submit();">
                                <?php 
                                    if($valoraciones[$i]['nombreArtistico']!="") { 
                                        echo $valoraciones[$i]['nombreArtistico'].":"; 
                                    } else { 
                                        echo $valoraciones[$i]['nombre']." ".$valoraciones[$i]['apellidos'].":"; 
                                    } ?>
                            </a>
                        </div>
                        <div style="float:left;width:100%;padding:10px 0 20px 0"><?php echo $valoraciones[$i]['comentario']; ?></div>
                        <div class="denunciar abajo derecha" id="denunciarOpinion<?php echo $i ?>" title="Denunciar Opinión" data-toggle="modal" data-target="#denunciarOpinion<?php echo $valoraciones[$i]['idvaloracion'] ?>">
                            <i class="glyphicon glyphicon-flag"></i>
                        </div>
                        <script>
                            $(document).ready(function(){
//                                $("#denunciarOpinion<?php // echo $i ?>").tooltip({ placement: 'left', html : true, trigger:'hover', title: 'Denunciar opinión'});
                                $('#denunciarOpinion<?php echo $valoraciones[$i]['idvaloracion'] ?>').modal(options);
                            });
                        </script>
                    </div>
                </div>
                
                <form name="perfil<?php echo $i ?>" method="post" action="perfil.php">
                    <input type="hidden" value="<?php echo $valoraciones[$i]['idUsuarioOrigen'] ?>" name="uid">
                </form>
                <?php include 'denunciarOpinion.php'; ?>
               
                 <?php
                    $i++;
                    }
                 ?>
                <div style="width:100%;text-align:center">
                    <?php if (count($valoraciones) > $resPorPagina) { ?>
                        <ul class="pagination">
                            <?php if ($_GET['pagina'] == 1) { ?>
                                <li><a href="#">&laquo;</a></li>
                            <?php } else { ?>
                                <li><a href="misOpiniones.php?pagina=<?php echo $_GET['pagina']-1 ?>">&laquo;</a></li>
                            <?php }
                            for ($in = 0 ; $in < (count($valoraciones)/$resPorPagina) ; $in++) { ?>
                                <?php if ($in+1 == $_GET['pagina']) { ?>
                                    <li class="active"><a href="#"><?php echo $in+1 ?></a></li>
                                <?php } else { ?>
                                    <li><a href="misOpiniones.php?pagina=<?php echo $in+1 ?>"><?php echo $in+1 ?></a></li>
                                <?php } ?>
                            <?php }?>
                                    
                            <?php if ($_GET['pagina'] >= (count($valoraciones)/$resPorPagina)) { ?>
                                <li><a href="#">&raquo;</a></li>
                            <?php } else { ?>
                                <li><a href="misOpiniones.php?pagina=<?php echo $_GET['pagina']+1 ?>">&raquo;</a></li>
                            <?php } ?>
                        </ul>
                    <?php } ?>
                </div>
                </div>
            <div style="clear: both"></div>
         </div>
            <?php include '../footer.php'; ?>
    </body>
</html>
